/*header*/
.header{ -webkit-transform: translateZ(0); position: fixed; top: 0; width: 100%; height: 100px; line-height: 100px; z-index: 999; }
.h_box{ font-size: 0; }
.header .logo{ display: inline-block; vertical-align: middle; width: 17.3%; height: 52px; background-size: contain; }
.nav li{ position: relative; float: left; height: 100px; padding: 27.5px 0; margin: 0 22px; display: block; font-size: 16px; box-sizing: border-box; }
.nav li > a{ color: #fff; display: block; padding: 0 6px; height: 45px; line-height: 42px; box-sizing: border-box; border-bottom: 3px solid transparent; }
.nav li.on > a,.nav li:hover > a{ color: #fff; border-color: #fff; }
.nav li dl{ left: calc(50% - 2px); box-sizing: border-box; border: 2px solid rgba(0,0,0,.1); border-top: none; line-height: 30px; min-width: 100%; font-size: 14px; padding: 10px 20px; display: none; position: absolute; left: 50%; top: 72.5px; text-align: center; width: auto; line-height: 35px; z-index: 999; background: rgba(0,0,0,0.8); }
.nav li dl a{ display: block; color: #fff; opacity: .6; white-space: nowrap; }
.nav li dl a:hover{ opacity: 1; }
.lang{ margin-left: 14px; position: relative; padding: 0 16px; font-size: 16px; background: url(../images/icon3_w.png) right center no-repeat; height: 30px; line-height: 30px;}
.lang span{ color: #fff; cursor: pointer; display: inline-block; }
.lang ul{ display: none; border-radius: 5px; z-index: 666; position: absolute; left: 0; top: 30px; width: 100%; background: #00b0f0; left: -10px; padding: 0 10px; }
.lang ul li{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid rgba(255,255,255,.5); white-space: pre; }
.lang ul li:first-child{ border-top: none; }
.lang ul li img{ margin-right: 14px; }
.lang ul li a{ color: #fff; display: block; text-align: center; }
.lang ul li:hover a{ -webkit-animation: swing .8s linear; animation: swing .8s linear; }
.lang:hover ul{ display: block!important; }
.header.white{ background: rgba(255,255,255,.9); box-shadow: 0 0 10px #ccc; }
.header.white .logo{ background-size: contain; }
.header.white .nav li{ padding: 0;}
.header.white .nav li > a{ height: 100px; line-height: 98px; color: #000; border-bottom: 2px solid transparent; }
.header.white .nav li.on > a,.header.white .nav li:hover > a{ color: #00b0f0; border-color: #00b0f0; }
.header.white .nav li dl{ top: 100px; background: rgba(255,255,255,.9); }
.header.white .nav li dl a{ color: #000; opacity: 1; }
.header.white .nav li dl a:hover{ color: #00b0f0; }
.header.white .lang{ background: url(../images/icon3.png) right center no-repeat; }
.header.white .lang span{ color: #585858; }
.header .language{ color: #fff; display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #fff; opacity: .5; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ opacity: 1; }
.header.white .language{ color: #000; }
.header.white .language a{ color: #000; opacity: 1; }
.header.white .language a:hover,.header.white .language a.on{ color: #00b0f0; }
.nav-skip { display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#fff; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0)!important; -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.header.white .nav-skip span,
.header.white .nav-skip span:before,
.header.white .nav-skip span:after{ background-color: #00b0f0; }